<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值。

    // 1. 数组解构
    const F4 = ['小沈阳', '刘能', '赵四', '宋小宝']
    let [a, b, c, d] = F4
    console.log(a);         // 小沈阳
    console.log(b);         // 刘能
    console.log(c);         // 赵四
    console.log(d);         // 宋小宝

    // 2. 对象解构
    const obj = {
      name: '小沈阳',
      age: 18,
      sex: '男',
      xiaopin: function () {
        console.log('小沈阳表演小品');
      }
    }
    let { name, age, sex, xiaopin } = obj
    console.log(name);      // 小沈阳
    console.log(age);       // 18
    console.log(sex);       // 男
    console.log(xiaopin);
    // 输出： ƒ () {
    //          console.log('小沈阳表演小品');
    //          }

    xiaopin()   // 小沈阳表演小品

  </script>
</body>

</html>